import React from 'react'
import style from './style.module.scss'
import { Link } from 'react-router-dom'

export default function StaticLicense() {
    return (
        <div className={style.container}>
            <span className={style.license_title}>License</span>
            <div className={style.license_intro}>
                <div className={style.intro_content}>
                    <div className={style.intro_good}>
                        <span className={style.good_title}>
                            LineView photos are made to be used freely. Our license reflects that.
                        </span>
                        <div className={style.good_item}>
                            ✅
                            <span>
                                All photos can be <strong>downloaded</strong> and used for <strong>free</strong>
                            </span>
                        </div>
                        <div className={style.good_item}>
                            ✅
                            <span>
                                <strong>Commercial</strong> and <strong>non-commercial</strong> purposes
                            </span>
                        </div>
                        <div className={style.good_item}>
                            ✅
                            <span>
                                <strong>No permission needed</strong> (though attribution is appreciated!)
                            </span>
                        </div>
                    </div>
                    <div className={style.intro_bad}>
                        <span className={style.bad_title}>What is not permitted 👎</span>
                        <div className={style.bad_item}>
                            🚫
                            <span>
                                Photos cannot be <strong>sold</strong> without significant modification.
                            </span>
                        </div>
                        <div className={style.bad_item}>
                            🚫
                            <span>Compiling photos from Unsplash to replicate a similar or competing service.</span>
                        </div>
                    </div>
                </div>
                <div className={style.intro_tip}>
                    <span className={style.tip_title}>Tip: How to give attribution ✏️</span>
                    <span className={style.tip_intro}>
                        Even though attribution isn’t required, Unsplash photographers appreciate it as it provides
                        exposure to their work and encourages them to continue sharing.
                    </span>
                    <span className={style.tip_example}>
                        Photo by <Link to={'/'}>Sivnora</Link> on <Link to={'/'}>Unsplash</Link>
                    </span>
                </div>
            </div>
            <div className={style.license_longform}>
                <span className={style.longform_title}>Longform</span>
                <span className={style.longform_content}>
                    Unsplash grants you an irrevocable, nonexclusive, worldwide copyright license to download, copy,
                    modify, distribute, perform, and use photos from Unsplash for free, including for commercial
                    purposes, without permission from or attributing the photographer or Unsplash. This license does not
                    include the right to compile photos from Unsplash to replicate a similar or competing service.
                </span>
            </div>
        </div>
    )
}
